<script lang="ts" setup>
import IndexFooter from "../Common/IndexFooter.vue";
</script>
<template>
  <div class="md:h-87 h-38">
    <div
      class="w-full h-full flex md:justify-center items-center"
      style="
        background-image: url(./index/promote.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
      "
    >
      <div class="md:w-300 w-7/10 pl-4 pr-4">
        <p class="font-bold md:text-6xl text-2xl mb-7 text-green-600">
          活动专区
        </p>
        <p class="md:text-lg text-sm">
          面板免费体验、组队免费领取、邀请大使返现等，超多优惠活动
        </p>
      </div>
    </div>
  </div>

  <slot />
  <IndexFooter />
</template>
<style lang="scss" scoped></style>
